<!DOCTYPE html>
<html lang="en">
        <head>
            <meta charset="UTF-8">
            <meta http-equiv="X-UA-Compatible" content="IE=edge">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>Document</title>
            <style>
                *{
                    margin: 0px;
                    padding: 0px;
                     list-style: none;
                    text-decoration: none;
                }
                .ddd{
                    background-color: whitesmoke;
                }
                .one{
                     width: 100%;
                    height: 66px;
                    position: fixed;
                    background: #fff;
                    left: 0px;
                    top: 0px;
                    border-bottom: 1px solid #e5e5e5;
                 }
                .two{
                    width: 1440px;
                    height: 610px;
                    margin: 10px auto;
                }
                .three{
                     width: 1440px;
                    height: 40px;
                    margin: 20px auto;
                }
                 .four {
                    width: 1440px;
                    height: 1050px;
                    margin: 10px auto;
                }
                .five {
                    margin: 10px auto;
                    text-align: center;
                    height: 25px;
                    width: 1440px;
                    background-color: seagreen;
                    }
                     .six {
                    position: fixed;
                    bottom: 0;
                    z-index: 9;
                    background: #272B33;
                    height: 33px;
                    line-height: 33px;
                    width: 100%;
                     }
                     .t-1{
                     float: left;
                    width: 1082px;
                    height: 610px;
                    margin-right: 10px;
                     }
                     .t-1 img{
                         width: 1082px;
                        height: 610px;
                        border-radius: 10px;
                     }
                     .t-2 ul{
                      float: right;
                    width: 347px;
                    height: 610px;
                     }
                     .t-2 img{
                        width: 347px;
                        height: 195px;
                        border-radius: 10px;
                     }
                     .aaa li{
                     float: left;
                        height: 330px;
                        width: 344px;
                        margin-left: 15px;
                        margin-bottom: 10px;
                     }
                     .aaa{
                     width: 1440px;
                    height: 1000px;
                     }
                     .aaa img{
                       height: 232px;
                    width: 344px;
                    border-radius: 8px 8px 0px 0px;
                     }
                     .ttt li {
                            display: inline;
                            margin-right: 15px;
                            border-radius: 8px;
                        }
                        .sss{
                        float: right;
                        color: #999;
                        margin: 0 20px 0 0;
                        font-size: 13px;
                    }
                    .logo  a {
                        background: url(images/555.png);
                        background: red;
                    }

            </style>
        </head>
        <body>
            <div class="ddd">
                <div class="one">
                    <div class="logo">
                        <a href=""></a>
                    </div>
                   <div class="o-1"></div>
                    <div class="o-2"></div>
                </div>
                <div class="two">
                    <div class="t-1">
                        <img src="images/s003.jpg" alt="">
                    </div>
                    <div class="t-2">
                        <ul>
                            <li>
                                <img src="images/i02.jpg" alt="">
                            </li>
                            <li>
                                <img src="images/i03.jpg" alt="">
                            </li>
                            <li>
                                <img src="images/i04.jpg" alt="">
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="three">
                    <ul class="ttt">
                        <li style=" border: 1px solid red; padding: 10px 90px 10px 10px;">
                            <a style="color: red;" href="">最新</a>
                         </li>
                        <li>
                            <select style="padding: 12px 10px;border-radius: 8px; line-height: 31px;">
                                <option value="volvo">排行榜</option>
                                <option value="saab">24小时排行榜</option>
                                <option value="opel">本周排行榜</option>
                                <option value="audi">本月排行榜</option>
                          </select>
                        </li>
                        <li style=" border: 1px solid #999; padding: 10px 90px 10px 10px;">
                            <a href="">碰碰运气</a>
                           </li>

                    </ul>
                </div>
                <div class="four">
                    <ul class="aaa">
                        <li>
                            <img src="images/i05.jpg" alt="">
                        </li>
                        <li>
                            <img src="images/i06.png" alt="">
                        </li>
                        <li>
                            <img src="images/i07.jpg" alt="">
                        </li>
                        <li>
                            <img src="images/i08.jpg" alt="">
                        </li>
                        <li>
                            <img src="images/i09.jpg" alt="">
                        </li>
                        <li>
                            <img src="images/i10.jpg" alt="">
                        </li>
                        <li>
                            <img src="images/i11.jpg" alt="">
                        </li>
                        <li>
                            <img src="images/s02.jpg" alt="">
                        </li>
                        <li>
                            <img src="images/x03.png" alt="">
                        </li>
                        <li>
                            <img src="images/x04.png" alt="">
                        </li>
                        <li>
                            <img src="images/x05.png" alt="">
                        </li>
                        <li>
                            <img src="images/x06.png" alt="">
                        </li>
                    </ul>
                </div>
                <div class="five"></div>
                <div class="six">
                    <span class="sss">
                
                     class="copyright">© 2012-2021 设计癖 |  京ICP备15049021号  |   
                    <a class="color: #999;">京公网安备 11010202007701号</a>
                    </span>
                    </div>

            </div>
        </body>
</html>